<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<%@ include file="components/head.jsp"%>

<script type="text/javascript">
	document
			.write("<img data-src=\"holder.js/" + window.screen.width + "x100/auto/#777:#7a7a7a/text:\"  \">");
</script>
<hr class="featurette-divider">

<%@page import="com.mpc.manager.AppItemManager"%>
<%@page import="com.mpc.beans.AppItem"%>
<%
    String servletCxt = request.getServletContext().getContextPath();
    String lan = tabRes.getLanguages();
    AppItemManager appMgr = AppItemManager.getInstance(request
            .getServletContext().getContextPath());
    String download = null;
    AppItem item1 = null;
    AppItem item2 = null;
    AppItem item3 = null;
    AppItem item4 = null;
    AppItem item5 = null;

    if (lan.equals(LanguagesAdapter.LAN_EN)) {
        download = "Download";
        item1 = appMgr.getAppItem(AppItemManager.ITEM_1_EN);
        item2 = appMgr.getAppItem(AppItemManager.ITEM_2_EN);
        item3 = appMgr.getAppItem(AppItemManager.ITEM_3_EN);
        item4 = appMgr.getAppItem(AppItemManager.ITEM_4_EN);
        item5 = appMgr.getAppItem(AppItemManager.ITEM_5_EN);
    } else if (lan.equals(LanguagesAdapter.LAN_ZH)) {
        download = "下载";
        item1 = appMgr.getAppItem(AppItemManager.ITEM_1_ZH);
        item2 = appMgr.getAppItem(AppItemManager.ITEM_2_ZH);
        item3 = appMgr.getAppItem(AppItemManager.ITEM_3_ZH);
        item4 = appMgr.getAppItem(AppItemManager.ITEM_4_ZH);
        item5 = appMgr.getAppItem(AppItemManager.ITEM_5_ZH);
    }
%>

<!-- Marketing messaging and featurettes
    ================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">

	<!-- Three columns of text below the carousel -->
	<div class="row">
		<div class="col-lg-4">
			<img class="img-circle"
				src="<%=item1.getServletCxt() + "/" + item1.getImagePath()%>">
			<h2><%=item1.getTitle()%></h2>
			<p><%=item1.getDescription()%>>
			</p>
			<p>
				<a class="btn btn-default" href="#" role="button"><%=download%></a>
			</p>
		</div>
		<!-- /.col-lg-4 -->
		<div class="col-lg-4">
			<img class="img-circle"
				src="<%=item2.getServletCxt() + "/" + item2.getImagePath()%>">
			<h2><%=item2.getTitle()%></h2>
			<p><%=item2.getDescription()%></p>
			<p>
				<a class="btn btn-default" href="#" role="button"><%=download%></a>
			</p>
		</div>
		<!-- /.col-lg-4 -->
		<div class="col-lg-4">
			<img class="img-circle"
				src="<%=item3.getServletCxt() + "/" + item3.getImagePath()%>">
			<h2><%=item3.getTitle()%></h2>
			<p><%=item3.getDescription()%></p>
			<p>
				<a class="btn btn-default" href="#" role="button"><%=download%></a>
			</p>
		</div>
		<!-- /.col-lg-4 -->
	</div>
	<!-- /.row -->


	<!-- START THE FEATURETTES -->

	<hr class="featurette-divider">

	<div class="row featurette">
		<div class="col-md-7">
			<h2 class="featurette-heading">
				<%=item4.getTitle()%>
			</h2>
			<p class="lead"><%=item4.getDescription()%></p>
			<p>
				<a class="btn btn-default" href="#" role="button"><%=download%></a>
			</p>
		</div>
		<div class="col-md-5">
			<img class="featurette-image img-responsive"
				src="<%=item4.getServletCxt() + "/" + item4.getImagePath()%>">
		</div>
	</div>

	<hr class="featurette-divider">

	<div class="row featurette">
		<div class="col-md-5">
			<img class="featurette-image img-responsive"
				src="<%=item5.getServletCxt() + "/" + item5.getImagePath()%>">
		</div>
		<div class="col-md-7">
			<h2 class="featurette-heading">
				<%=item5.getTitle()%>
			</h2>
			<p class="lead"><%=item5.getDescription()%></p>
			<p>
				<a class="btn btn-default" href="#" role="button"><%=download%></a>
			</p>
		</div>
	</div>

	<!-- /END THE FEATURETTES -->
</div>
<!-- /.container -->
<jsp:include page="components/tail.jsp" />